<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1" />	
	<title>关于 孙思盼</title>

	<link rel="stylesheet" href="./style.css" type="text/css" media="all" />
	<link rel="shortcut icon" href="./images/0_1.jpg"/>
</head>
<body class="loading-process">
<div class="loading">
	<div class="loading-circle"></div>
	<div class="loading-avatar"><img src="images/0_1.jpg" alt="" width="50" height="50"></div>
	<div class="loading-info">正在努力加载中...</div>
</div>
<div class="section-header">
	<div class="section">
		<nav class="nav" role="navigation">
			<ul>
				<li class="nav-about fade fade1"><a href="#about">关于</a></li>
				<li class="nav-works fade fade4"><a href="#works">作品</a></li>
				<li class="fade back-home"><a href="#top">首页</a></li>
				<li class="nav-skill fade fade2"><a href="#skill">能力</a></li>
				<li class="nav-contact fade fade3"><a href="#contact">联系</a></li>
			</ul>
		</nav>
	</div>
	<div class="nav-bg"></div>
</div>
<div class="home-bg">
	<img src="images/background.jpg" alt="" width="1000" height="667">
</div>
<div class="section-wrap section-fristpage">
	<div class="section">
		<div class="section-content">
			<p class="fade fade1">Hi，我是 孙思盼</p>
			<p class="fade fade2">一名95后，就读于中山大学南方学院，专业是网络与新媒体；</p>
			<p class="fade fade3">一直在努力做一个有故事的新媒体人，坚信：物质+精神=爱上生活；</p>
			<p class="fade fade4">想了解更多，往下滚动哦 ^_^</p>
		</div>
		<a href="#" class="scroll-tip fade fade6">向下滚动</a>
	</div>
</div>
<div id="about" class="section-wrap section-about">
	<div class="section">
		<div class="about-content clearfix section-content">
			<div class="left">
				<h1>关于本人</h1>
				<p class="fade fade1">一名20届的毕业生，就读于中山大学南方学院，网络与新媒体专业</p>
				<p class="fade fade2">是一个讲原则有条理、为人诚恳、擅于倾听的人，性格偏向内倾型。</p>
				<p class="fade fade3">大学期间简单涉略过网页设计、可视化、python</p>
				<p class="fade fade4">同时还有学习网站运营管理，产品原型制作等</p>
				<p class="fade fade5">希望在之后能成为一名优秀且有故事的新媒体从事人员。</p>
				<p class="fade fade6">目前还在校学习，争取2019年6月拿到一份喜欢的实习工作。</p>
			</div>
			<div class="right">
				<img class="my-photo fade fade4" src="images/0_1.jpg" alt="" width="40" height="50">
			</div>
		</div>
	</div>
</div>
<div id="works" class="section-wrap section-works">
	<div class="section">
		<div class="works-content section-content">
			<h1>作品</h1>
			<div class="works-list clearfix">
				<div class="works-item first fade fade1">
					<a href="http://sunsipan.me" target="_blank">
						<img src="images/works/blog.png" alt="" width="300" height="180">
						<div class="work-info">
							<h2>widely gather to better education</h2>
							<p><strong>创建时间</strong>：2018年<br>
							<strong>内容</strong>：一个不做资源的提供者，只做资源的搬运工的平台</p>
						</div>
					</a>
				</div>
				<div class="works-item fade fade2">
					<a href="https://sunsipan.github.io" target="_blank">
						<img src="images/works/blog1_0113.PNG" alt="" width="300" height="180">
						<div class="work-info">
							<h2>个人博客搭建</h2>
							<p><strong>时间</strong>：2018年1月<br>
							<strong>详情</strong>：利用Jekyll搭建个人网站，作为学习内容的整合。</p>
						</div>
					</a>
				</div>
				<div class="works-item fade fade3">
					<a href="https://sunsipan.github.io/middle-term/Tableau.html" target="_blank">
						<img src="images/works/portfolio.JPG" alt="" width="300" height="180">
						<div class="work-info">
							<h2>可视化作品</h2>
							<p><strong>时间</strong>：2018年1月<br>
							<strong>详情</strong>：融合与信息可视化的相关知识点，建立一个页面背景结构，将其作为作品展示的框架。 </p>
						</div>
					</a>
				</div>
				<div class="works-item first fade fade4">
					
						<img src="images/works/海报.jpg" alt="" width="180" height="300">
						<div class="work-info">
							<h2>剧本写作</h2>
							<p><strong>创作时间</strong>：2018年<br>
							<strong>详情</strong>：描述大数据背景下，信息泄露的恐怖以及围绕女主发生的一系类事情...</p>
						</div>
					</a>
				</div>
			</div>
				<div class="works-item first fade fade5">
					
						<img src="images/works/food.png" alt="" width="300" height="190">
						<div class="work-info">
							<a href="https://sunsipan.github.io/Calorie1/start.html#g=1&p=index" target="_blank">
							<h2>API人工智能产品-卡路里小程序</h2>
							<p><strong>创作时间</strong>：2018年12月<br>
							<strong>详情</strong>：卡路里助手用户通过智能手机拍摄食物图片上传，系统通过深度学习的算法，结合视觉分析和图像识别技术，反馈给用户相关的食物信息，包括热量和具体的营养成分，从而做到为用户分析日常饮食的健康指标。</p>
						</div>
					</a>
				</div>
			</div>
				<div class="works-item first fade fade6">
					
						<img src="images/works/app.JPG" alt="" width="180" height="300">
						<div class="work-info">
							<a href="https://github.com/YT-Amian/APP_team" target="_blank">
							<h2>APP设计-解忧游乐园</h2>
							<p><strong>创作时间</strong>：2019年1月<br>
							<strong>详情</strong>：解忧游乐场是一款服务所有有烦恼且有智能手机的用户的APP，内置三大板块——解忧游乐场、记录板和给ta写信。解忧游乐场的存在是为了给我们的服务人群提供一个宣泄、倾诉的渠道。解忧游乐场以一个贴心的陌生人为主题，主打匿名为他人解忧的功能，辅助以自我记录板和写信寄信功能。解忧游乐场项目以下简称“解忧”。</p>
						</div>
					</a>
				</div>
			</div>
			<a class="more-link" href="http://sunsipan.github.io">查看更多</a>
		</div>
	</div>
</div>
<div id="skill" class="section-wrap section-skill">
	<div class="section">
		<div class="skill-content section-content">
			<h1>技能水平</h1>
			<ul>
				
				<li class="fade fade2">对 HTML5 和 CSS3 有一定了解。</li>
				<li class="fade fade4">利用Jekyll搭建个人网站，作为学习内容的整合。</li>
				<li class="fade fade3">使用 WordPress ，搭建个人博客，有一定 PHP 后端相关知识。</li>
				<li class="fade fade2">能利用python进行简单的数据分析</li>
				<li class="fade fade1">对用户体验和交互设计有一定的了解和追求。</li>
				<li class="fade fade1">能对数据进行可视化分析，分析工具习惯于tableau</li>
				<li class="fade fade1">对产品文档以及产品原型有过完整的学习接触，喜欢洞察事物之间的关联性</li>
				<li class="fade fade2">对喜欢的事物抱有极大的兴趣和自学能力，喜欢接触新事物。</li>
			</ul>
		</div>
	</div>
</div>
<div id="contact" class="section-wrap section-contact">
	<div class="section">
		<div class="contact-content clearfix section-content">
			<h1>联系本人</h1>
			<div class="left">
				<div class="contact-ways fade fade1">
					<h2>社交网络</h2>
					<ul>
						<li>邮箱：<a target="_blank" href="1635707508@qq.com">1635707508@qq.com</a></li>
						
						<li>微博：<a target="_blank" href="https://weibo.com/pp199706?is_hot=1">SunKatrina盼盼</a></li>
						<li>Git：<a target="_blank" href="https://gitee.com/sunsipan">@sunsipan</a></li>
						<li>Github：<a target="_blank" href="https://github.com/sunsipan">@sunsipan</a></li>

					</ul>
				</div>
			

<div class="overlay"></div>
<div class="state-indicator"></div>

<script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>
<script src="js/global.js"></script>

</body>
</html>
